//入口函数
$(function () {
  //1.获取用户信息
  getUserInfo()

  //2.退出
  $('#logout').on('click', function () {
    //layui 里面的询问框，点击确认才会执行回调函数里面的代码
    layer.confirm('确认退出？', { icon: 3, titl: '提示' }, function (index) {
      localStorage.removeItem('token')
      location.href = '/login.html'
      //自带的代码，关闭询问框
      layer.close(index)
    })
  })
})

//获取用户信息渲染头像封装成函数，必须设置为全局函数
function getUserInfo() {
  //发送axios
  axios({
    //请求方式get，可以省略
    method: 'get',
    url: '/my/userinfo',
    // headers: {
    //   Authorization: localStorage.getItem('token'),
    // },
  }).then(res => {
    // console.log(res)
    // 判断
    if (res.data.status !== 0) {
      return layui.layer.msg(res.data.message)
    }

    // 渲染
    renderAvatar(res.data.data)
  })
}

// 渲染用户信息和头像
function renderAvatar(user) {
  let name = user.nickname || user.username
  $('.welcome').html('欢迎&nbsp;' + name)

  // 处理头像 有图头像则渲染图头像，无则渲染文字头像
  if (user.user_pic !== null) {
    $('.avatar-text').hide()
    $('.layui-nav-img').show().attr('src', user.user_pic)
  } else {
    $('.layui-nav-img').hide()
    //渲染name中第一个字，且大写
    let first = name[0].toUpperCase()
    $('.avatar-text').show().html(first)
  }
}
